<%include file="include/head.html"%>
<link rel="stylesheet" type="text/css" href="<%$CSS_DIR%>/imgareaselect-animated.css"/>
<link rel="stylesheet" type="text/css" href="<%$CSS_DIR%>/jquery-ui-1.8.22.custom.css"/> 
<link rel="stylesheet" type="text/css" href="<%$CSS_DIR%>/jquery.ui.progressbar.css"/>
<style>
  .ui-progressbar .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
</style>
<div class="wrapper">
  <div id="div-home" class="main-info-box">
    <%include file="include/crumbs.html"%>
    <%include file="include/edit_nav.html"%>
    <div class="div-info-body">
      <%if $album|@count gt 0%>
      <div>
	从相册中选择图片：
      </div>
      <%foreach from=$album item=pic%>
      <div class="div-edit-figure-img">
	<img src="<%$pic.photo%>" width="100"/>
      </div>
      <%/foreach%>
      <div class="clear">
      </div>
      <%else%>
	她/他的相册中没有图片，请先<a href="/users/add_photo_through_qq?userid=<%$user.id%>">上传图片</a>到相册。
      <%/if%>
    </div>
  </div>
</div>
<script src="<%$JS_DIR%>/jquery-1.7.2.min.js"></script>
<script src="<%$JS_DIR%>/jquery.ui.widget.js"></script>
<script src="<%$JS_DIR%>/jquery.ui.progressbar.js"></script>
<script src="<%$JS_DIR%>/upload.js"></script>
<script>
$(function(){
$(".div-edit-figure-img img").click(function (){
window.location.href="/users/edit_figure?userid="+<%$userid%>+"&photo="+$(this).attr("src");
});
});

</script>
<%include file="include/bottom.html"%>

